<style>
    .checked{
        background: #f9e0cf;
        /*#d4c9ca;*/
        /*#8abbd8;*/
        /*#f9e0cf;*/
    }
    .notice {
        width:20px;
        height:20px;
        line-height:20px;
        font-size:10px;
        color:#fff;
        text-align:center;
        background-color:#f00;
        border-radius:50%;
        position:absolute;
        right:30%;
        /*top:-10px;*/
</style>
<!-- 底部导航 -->
<footer id="footer">
    <div class="js-navmenu nav-menu-2 has-menu-4" style="background-color:#ffffff">
        <ul class="centerflex">
            <li class="box-flex-1  {if condition="$purl == 'index' "} checked {else /} {/if}" >
                <a href="/web" style=""><i class="fa fa-home" aria-hidden="true"></i><br><span>首页</span></a>
            </li>
            <li class="box-flex-1 {if condition="$purl == 'customer' "} checked {else /} {/if}" >
                <a href="/web/customer/index" style=""><i class="fa fa-address-book-o" aria-hidden="true"></i><br><span>客户</span></a>
            </li>
            <li class="box-flex-1 {if condition="$purl == 'cart' "} checked {else /} {/if}">
                <div class="notice">0</div>
                <a href="/web/goods/cart" style=""><i class="fa fa-cart-plus" aria-hidden="true"></i><br><span>购物车</span></a>
            </li>
            <li class="box-flex-1 {if condition="$purl == 'users' "} checked {else /} {/if}">
                <a href="/web/users/index" style=""><i class="fa fa-user-circle" aria-hidden="true"></i><br><span>我的</span></a>
            </li>
        </ul>
    </div>
</footer>
<script>
    getcount()
    function getcount() {
        var url = "{$turl}"+'/web/goods/getcartcount'
        $.post(url,{storehouse_id:$('.storehouse').val()},function (res) {
            if(res.code >0){
                $('.notice').html(res.data)
            }
        })
    }
</script>